{% extends "../../topic/inc/base.html" %}
{% block style %}
<link href="/static/assets/css/layout-question.css" rel="stylesheet" type="text/css" />
{% endblock %}
{% block content %}
{%set cate = category.id|get_cate()%}
<!--
PAGE HEADER

CLASSES:
.page-header-xs	= 20px margins
.page-header-md	= 50px margins
.page-header-lg	= 80px margins
.page-header-xlg= 130px margins
.dark			= dark page header

.shadow-before-1 	= shadow 1 header top
.shadow-after-1 	= shadow 1 header bottom
.shadow-before-2 	= shadow 2 header top
.shadow-after-2 	= shadow 2 header bottom
.shadow-before-3 	= shadow 3 header top
.shadow-after-3 	= shadow 3 header bottom
-->
<section class="page-header page-header-xs" >
    <div class="container">

        <h1>热门话题</h1>

        <!-- breadcrumbs -->
        <ol class="breadcrumb">
            <li><a href="/">首页</a></li>
            <li class="active">话题</li>

        </ol><!-- /breadcrumbs -->
        <!-- page tabs -->

        <ul class="page-header-tabs list-inline">
            <li class="{%if http.get('key')==''%}active{%endif%}"><a href="/topic">全部</a></li>
            <li class="{%if http.get('key')=='week'%}active{%endif%}"><a href="/topic/week">7天</a></li>
            <li class="{%if http.get('key')=='month'%}active{%endif%}"><a href="/topic/month">30天</a></li>
        </ul>

        <!-- /page tabs -->
    </div>
</section>

<!-- -->
<section >
    <div class="container">
            <ul class="row clearfix testimonial-dotted list-unstyled">
                {%for k in list.data%}
                <li class="col-md-4">
                    <div class="testimonial" style="height: 70px;overflow: hidden">
                        <figure class="pull-left">
                         {%if k.pic%}
                            <img class="radius-3" src="/static/assets/images/demo/people/300x300/6-min.jpg" alt="" />
                            {%else%}
                            <i class="ico-light ico-65 ico-hover et-chat" style="z-index: 10;position: relative"></i>
                   {%endif%}
                        </figure>
                        <div class="testimonial-content" style="padding-top: 5px">
                            <cite class="font-style-normal">
                                <a href="/t/{{k.keyname}}" class="label label-primary ">{{k.keyname}}</a>
                                <span class="margin-top-6">{{k.videonum}} 个内容 {{k.focus_count}} 个关注</span>
                            </cite>
                            <p>7 天新增 {{k.discuss_count_last_week}} 个内容, 30 天新增 {{k.discuss_count_last_month}} 个内容</p>
                        </div>
                    </div>
                </li>
                {%endfor%}

            </ul>

        <!-- PAGINATION -->
        <div class="text-center">
            <!-- Pagination Default -->
            {{pagination | safe}}
            <!-- /Pagination Default -->
        </div>
        <!-- /PAGINATION -->

    </div>
</section>
<!-- / -->
{% endblock %}

